昨天有了 HTML 骨架,但如果只有純文字,網頁看起來就像是一份黑白文件。今天要來學的是 CSS(Cascading Style Sheets),它負責「美化網頁」,就像替網站穿上衣服。
舉個例子:假設我的標題
我可以用 CSS 改變它的顏色、大小和位置:
執行後的結果:
也可以改變背景顏色:
執行後的結果:
為了讓我自己比較容易看清楚程式碼,我不是在HTML加上CSS,而是新增了一個style.css檔,將為了設計美化的程式碼統一放入,才不會太凌亂。所以在index.html裡記得加上這段程式碼
這樣程式碼執行後,css的內容才可以被呈現出來。
CSS 的三大核心是: